<template>
	<bro-container>
		<bro-container-multi-swiper :data="array">
			<template v-slot="{row}">
				<div :style="{ backgroundColor: row.bgcolor }">{{ row.title }}</div>
				<bro-list :list="allList" title="77777">
					<template v-slot="{row}">
						<view >{{row.title}}</view>
					</template>
				</bro-list>
			</template>
		</bro-container-multi-swiper>
		<!-- <button @click="click_ok">ok</button> -->
	</bro-container>
</template>

<script>
import broList from "@/components/core/list/list"
// import {broList} from "@/components/core"
export default {
	components: {
		broList,
		// combobox
	},
	data() {
		return {
			allList:[
				{title:'xxxddd'},
				{title:'xxxsss'},
			],
			array: [
				{ title: '000', bgcolor: '#0ff' },
				{ title: '111', bgcolor: '#ff0' },
				{ title: '222', bgcolor: '#f0f' },
				{ title: '333', bgcolor: '#00f' },
				{ title: '444', bgcolor: '#f00' },
				{ title: '555', bgcolor: '#0f0' },
				{ title: '666', bgcolor: '#000' }
			]
		};
	},
	mounted() {

	},
	methods: {
		
	}
};
</script>

<style lang="scss" scoped></style>
